<template>
    <div>
        <div class="flex items-center font-30 textColor">
            <img v-if="state" src="../../assets/image/certificationCenter/kfc.png" class="w-36 h-36" alt="" />
            <img v-else src="../../assets/image/certificationCenter/nokfc.png" class="w-36 h-36" alt="" />
            <span class="ml-24 textColor">{{contentObj.title}}</span>
        </div>
        <div class="flex items-center mt-44 font-30 justify-between" v-for="(item,index) in contentObj.list" :key="index">
            <span class="text-grey">{{item.left}}</span>
            <span class="textColor">{{item.right}}</span>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            state:{
                type: Boolean,
                default:false
            },
            contentObj: {
                type: Object,
                default() {
                    return {
                        title: '',
                        list: [
                            {
                                left: '',
                                right: ''
                            }
                        ]
                    }
                }
            }
        },
        components: {

        },
        data(){
            return {
                
            }
        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>

</style>